<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="/image/favicon.png" />
		<!--[if IE 6]>
			<link href="/css/ie6.min.css" rel="stylesheet">
		<![endif]-->
		<style type="text/css">
		body
		{
			padding-top: 60px;
			padding-bottom: 40px;
		}
		.sidebar-nav
		{
			padding: 9px 0;
		}
		</style>
		<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="/css/bootstrap-responsive.min.css">
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="/css/jquery.jscrollpane.css">
		<link rel="stylesheet" type="text/css" href="/css/jquery.jcrop.min.css">
		<link rel="stylesheet" type="text/css" href="/css/tooltipster.css">
		<link rel="stylesheet" type="text/css" href="/css/style.css">
		<!--[if IE 7]>
			<link rel="stylesheet" href="/css/font-awesome-ie7.css" type="text/css">
		<![endif]-->
		<!--[if lt IE 9]>
			<script src="/js/html5.js"></script>
		<![endif]-->
		<script src="/js/jquery-2.1.1.min.js"></script>
		<!--[if IE 6]>
			<script src="/js/ie6.min.js"></script>
		<![endif]-->
		<script>
			$(document).ready(function(){
				$('#todo_more_option').hide();
				$('#todo_add_content').focus(function(){
					$('#todo_more_option').slideDown();
					//$('#todo_more_option').removeClass("hide");
				});
			});
		</script>
		<script>
			function loaded()
			{
				//remember();
				//load_todo('undone');
				//load_todo('done');
			}
			document.addEventListener('DOMContentLoaded', loaded, false);
		</script>
	</head>
	<body>
		<div class="navbar navbar-fixed-top ">
			<div class="container mainbody">
				<h1>团队成员</h1>
				<div class="row-fluid">
					<div class="span7">
						<!-- dropdown menu -->
						<div class="btn-group card-title">
							<h2>我的TODO</h2>
							<ul class="dropdown-menu" id="todo_tab_menu">
								<!-- dropdown menu links -->
								<li><a tabindex="-1" href="" >我的TODO</a></li>
								<li><a tabindex="-1" href="" >我关注的TODO</a></li>
							</ul>
							<a href="javascript:todo_all_done();" class="side_link">全部标记为完成</a>
						</div>
						<div  id="todo_mine">
							<ul id="todo_list_undone" class="hide">
								<!--模版未完成todo列表-->
							</ul>
							<ul id="todo_list_done" class="hide">
								<!--模版已完成todo列表-->
							</ul>
							<a href="javascript:todo_clean();" class="side_link">清除所有已完成TODO</a>
						</div>
					</div>
					<div class="span5" id="side_board">
						<div id="todo_box">
							<div id="side_container" >
								<h2 class="side_board">添加TODO</h2>
								<form class="form-horizontal" action="" method="post" id="todo_form">
									<div >
										<input  name="content" type="text" placeholder="请输入TODO内容" class="col-sm-12 tt" id="todo_add_content"/>
									</div>
									<div class="line"></div>
									<div id="todo_more_option" class="form-inline" style="height:48px;">
										<label class="checkbox"><input type="checkbox" name="private" value="1" class="remember">仅自己可见</label>
										<label class="checkbox"><input type="checkbox" name="star" value="1" class="remember">加星</label>
									</div>
									<div>
										<button class="btn pull-right" type="submit">保存</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>